@charset "utf-8";
/* CSS Document */
html { font-family:"微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0; font-size: 14px; line-height: 1.5; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none;  /*-webkit-user-select: none; -webkit-touch-callout: none;*/  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; cursor: default;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
svg:not(:root) { overflow: hidden; }

a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc; }
a:active { outline: 0; }
a:active { color: #006699; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: middle; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap;  }
code, kbd, pre, samp { font-family: "微软雅黑", monospace, monospace; font-size: .15em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

html, button, input, select, textarea { font-family:"微软雅黑",  "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol ,li{ list-style: none outside none; }
h1, h2, h3 { line-height: 2; font-weight: normal; }
h1 { font-size: .3rem; }
h2 { font-size: .2rem; }
h3 { font-size: .18rem; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
.fl, .fr { display: inline; float: left; }

.fr { float: right; } 

.pr{ position:relative; }

.pa{ position:absolute; }

.clearfix::after{
	content:"";
	display: block;
	clear: both;
}
.lue{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*右侧浮动*/
.right-flex {
        width: 45px;
        position: fixed;
        top: 50%;
        right: 0;
        z-index: 10;
        height: 403px;
        margin-top: -201px;
        /*border-left: 5px solid #fff;*/
    }

    .right-flex ul {
        width: 100%
    }

    .right-flex li {
        /*border-left: 5px solid #fff;*/
        /*border-bottom: 5px solid #fff;*/
    	
        margin-bottom: 5px;
        position: relative;
        width: 45px;
        height: 45px;
        float: right;
        line-height: 45px;
        background: #c8c8c8;
        transition: width .3s, background .3s, margin .3s
    }

    .right-flex li .ico {
        width: 45px;
        height: 45px;
        position: absolute;
        top: 0;
        right: 0;
        transition: right .3s;
        z-index: 999;
    }

    .right-flex li a {
        display: block;
        width: 100%;
        height: 100%
    }

    .right-flex li p {
        font-size: 15px;
        color: #fff;
        line-height: 45px;
        padding: 0 20px;
        transition: transform .3s
    }

    .right-flex li.one {
        width: 140px;
        margin-right: -95px
    }

    .right-flex li.one .ico,
    .right-flex li.two .ico {
        left: 0
    }

    .right-flex li.one p,
    .right-flex li.two p {
        padding: 0 20px 0 45px
    }

    .right-flex li.two {
        width: 200px;
        margin-right: -155px
    }

    .right-flex li .ico.ico01 {
        background: url(../img/a24.png) no-repeat center
    }

    .right-flex li .ico.ico02 {
        background: url(../img/a25.png) no-repeat center
    }

    .right-flex li .ico.ico03 {
        background: url(../img/a26.png) no-repeat center
    }

    .right-flex li .ico.ico04 {
        background: url(../img/a27.png) no-repeat center
    }

    .right-flex li .ico.ico05 {
        background: url(../img/a28.png) no-repeat center
    }

    .right-flex li .ico.ico06 {
        background: url(../img/a29.png) no-repeat center
    }

    .right-flex li .ico.ico07 {
        background: url(../img/a30.png) no-repeat center
    }

    .right-flex li .ico.ico08 {
        background: url(../img/a31.png) no-repeat center
    }
    
.right-flex li:hover {
        /*width: 55px;*/
        background: #2575d3
    }
    .right-flex li:hover .ico,
    .right-flex li.one:hover .ico,
    .right-flex li.two:hover .ico {
        right: 0;
        left: auto
    }
    .right-flex li.one:hover {
        margin-right: 0;
        width: 140px
    }
    
    .right-flex li.two:hover {
        margin-right: 0;
        width: 200px
    }

    
    .right-flex li.two p{
    	position: absolute;
    	right: 0;
    	width: 0%;
        background: #2575d3;
    	padding: 15px 0 15px 10px!important;
    }
    .right-flex li.two p a{
    	display: block;
    	font-size: 14px;
    	line-height: 24px;
    	padding-left: 25px;
    	background: url(../img/phico.png) no-repeat left 3px;
    }
   .right-flex li.two:hover p{
    	width: 100%;
   	
   }
    
    .right-flex li.one:hover p,
    .right-flex li.two:hover p {
        padding: 0 20px
    }


.new-leftinfo {
	width: 97%;
	background: #fff;
	font-size: 14px;
	line-height: 1.85;
	color: #7e7e7e;
	padding: 25px 22px;
	float: left;
}
.new-leftinfo-next {
	font-family: "microsoft yahei", simhei;
	font-size: 14px;
	padding-top: 10px;
	color: #3c3c3c;
}
.new-leftinfo-h3 {
	color: #3c3c3c;
	font-size: 24px;
	border-left: 8px solid #038fe0;
	line-height: 1;
	padding-left: 15px;
	font-weight: 100;
	font-family: "microsoft yahei", simhei;
}
.new-leftinfo-date {
	color: #c1c1c1;
	padding: 15px 0 20px 25px;
	border-bottom: 1px solid #eee;
}
.new-leftinfo-text {
	padding: 30px 10px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	margin-bottom: 15px;
}
.new-leftinfo-text p{
	margin-top:5px;
}
.new-leftinfo-text img {
	max-width: 100%;
	padding: 10px 0;
}